<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>figure</title>
	</head>
	<body>
		<!-- <figure> 元素是 HTML5 中的一个标签，用于标记一个独立的、自包含的内容块，通常用于表示图片、图表、代码段等。
      同时可以使用 <figcaption> 元素来为 <figure> 元素添加标题。 -->

		<figure>
			<!-- 图片 -->
			<img src="https://via.placeholder.com/40x40" alt="Example Image" />
			<!-- 图片描述信息 -->
			<figcaption>This is a caption for the image.</figcaption>
		</figure>

		<figure>
			<img src="https://via.placeholder.com/40x40" alt="Example Chart" />
			<figcaption>Chart showing data trends.</figcaption>
		</figure>
	</body>
</html>
